<template>
	<view class="contract">
		<image src="../../static/img/costumer.png" mode="aspectFill" class="contract-ico"></image>
		<view class="contract-txt">
			在线客服
		</view>
		<button open-type="contact" class='contract-btn'>在线客服</button> 

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			
		}
	}
</script>

<style>
.contract {
	height: 100%;
	width: 100%;
	position: relative;
}
.contract-ico {
	margin: 17rpx 0 0 0;
	width: 54upx;
	height: 54upx;

}
.contract-txt {
	text-align: center;
	font-size:24upx;
	font-weight:500;
	color:rgba(234,10,42,1);
	transform: translateY(-20upx);
	margin: 10upx 0 0 0;
}
.contract-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
</style>
